<div class="content-double content-left">
    <h1>Characters</h1>
    
    
    <div class="frame-input">
        <table class='shaded' style="width: 100%">
        <caption>
            Characters
        </caption>
        <tr>
            <th>Character Name</th>
            <th>Class</th>
            <th>Raider Rank</th>
        </tr>
        <?php if(count($this->characters)) : ?>
        <?php foreach ($this->characters as $id => $char) : ?>
        <tr class="<?= $this->alternator(array("odd","even")); ?>" onclick="select(<?= $raid->id;?>);">
            <td><?= $char['name'];?></td>
            <td><?= $char['class'];?></td>
            <td><?php foreach ($char['roles'] as $roleId => $role) 
                       echo $role['role_name'] . ": Rank " . $role['raider_rank'] . '<br>';?>
            </td>
        </tr>
        <?php endforeach; ?>
        <?php else : ?>
        <tr>
            <td colspan='2'>No Characters Created</td>
        </tr>
        <?php endif; ?>
        </table>
    </div>
    
</div>

<div class="content-half content-right">
    <h1>Character Options</h1>
    <div class="frame-input">
        <div class="frame-content">
            <div class="button-small">
                <a href="<?= $this->url(array('module' => 'user', 'controller' => 'character', 'action' => 'create'),null, true)?>">New character</a>
            </div>
        </div>
    </div>
</div>